<template>	
	   <view class="third-login">
        <button class="third-btn apple">
          <text class="iconfont icon-pingguo"></text>
        </button>
        <button class="third-btn google">
          <text class="iconfont icon-guge"></text>

        </button>
        <button class="third-btn line">
          <text class="iconfont icon-line"></text>

        </button>
        <button class="third-btn wechat">
          <text class="iconfont icon-weixin"></text>

        </button>
      </view>
</template>
<style scoped>
.iconfont {
  font-size: 45rpx;
}


.third-login {
  margin-top: 70px;
  display: flex;
  justify-content: center;
  gap: 32rpx;
}

.third-btn {
  width: 96rpx;
  height: 96rpx;
  border-radius: 50%;
  background: #d9d9d9;
  font-size: 48rpx;
  color: #222;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: #d9d9d9;
  color: #fff;
  color: #fff;
}


.last-login {
  position: absolute;
  left: 48rpx;
  bottom: 64rpx;
}

.last-login-btn {
  background: #fff;
  color: #888;
  border: 1rpx solid #eee;
  border-radius: 32rpx;
  font-size: 26rpx;
  padding: 8rpx 32rpx;
}
</style>